.container {
    width        : 100%;
    display      : flex;
    border-bottom: 8px solid #D1D3DA;

    .aside_left {
        flex          : 2;
        display       : flex;
        flex-direction: column;
        // border: 1px solid #D1D3DA;
        border-right  : 8px solid #d1d3da;

        .chart_container {
            flex         : 1;
            border-bottom: 1px solid #D1D3DA;

            .chart_content {
                display: flex;
                height : calc(100% - 35px);

                .chart_wave {
                    // flex:1;
                    min-height     : 400px;
                    width          : 100%;
                    // .wave_title {
                    //     padding:8px;
                    //     position:relative;
                    // }
                }

                .signal_container {
                    padding: 5px;

                    .chart_signal {
                        width  : 120px;
                        display: flex;
                        height : calc(100% - 30px);

                        .signal_item {
                            flex          : 1;
                            width         : 30px;
                            margin        : 0 auto;
                            border        : 1px solid #D1D3DA;
                            display       : flex;
                            flex-direction: column;
                        }
                    }
                }
            }
        }

        .function_config {
            height : 100px;
            padding: 10px;

            >div {
                width  : 50%;
                display: inline-block;
                padding: 3px 10px;
                height : 30%;

                label,
                span {
                    padding-right: 10px;
                }
            }
        }
    }

    .aside_right {
        flex: 1;

        .right_one,
        .right_two,
        .right_three,
        .right_four {
            border-bottom: 8px solid #D1D3DA;
            padding      : 20px;
        }

        .right_one {
            .one_content {
                flex: 3;

                .content_ele {
                    // height:25%;
                    height: 35px;
                }
            }
        }

        .right_two {
            position: relative;

            button {
                position: absolute;
                right   : 0px;
                top     : 1px;
            }

            div {
                margin-bottom: 5px;
                flex         : 1;
                height       : 35px;

                >label {
                    padding-right: 5px;
                }
            }
        }

        .right_four {
            border-bottom: 0px;

            .four_content {
                flex: 2;

                div {
                    display     : inline-block;
                    margin-right: 40px;
                }
            }
        }
    }
}

.activeItem {
    background : #074eb1;
    color      : #fff;
    font-weight: 600;
}

.footer {
    height  : 30px;
    width   : 100%;
    position: relative;
    padding : 10px;

    button {
        position: absolute;
        left    : 50%;
        top     : 10px;
    }
}

:host ::ng-deep .ant-radio-button-wrapper {
    padding    : 0 10px;
    height     : 30px;
    line-height: 28px;
}

:host ::ng-deep .ant-input-number {
    width : 35px;
    height: 25px;
}

:host ::ng-deep .ant-input-number-input {
    height : 25px;
    padding: 0 5px;
}

:host ::ng-deep .ant-input-number-handler-wrap {
    width: 12px;
}

:host ::ng-deep .ant-input-number-handler-up-inner,
:host ::ng-deep .ant-input-number-handler-down-inner {
    padding-left: 5px;
}

:host ::ng-deep .ant-progress-status-success .ant-progress-bg,
:host ::ng-deep .ant-progress-bg {
    background-color: #074eb1;
    border-radius   : 4px;
}

:host ::ng-deep .ant-progress-inner {
    background-color: #bfbfbf;
}

.antenna_name {
    border       : 1px solid #D1D3DA;
    padding      : 1px 10px;
    border-radius: 5px;
    cursor       : pointer;
}

.selectName {
    border-color: #074eb1 !important;
    color       : #074eb1 !important;
}

.antenna_icon {
    display       : inline-block;
    width         : 18px;
    height        : 18px;
    border-radius : 9px;
    background    : #D1D3DA;
    vertical-align: sub;
    margin-left   : 15px;
}

.light-color {
    background: red !important;
}

.radioOption {
    width     : 50px;
    text-align: center;
}

.alarmCircleContainer {
    width        : 100%;
    border-bottom: 1px solid #D1D3DA;
    text-align: center;
}

.alarmCircle {
    width        : 80px;
    height       : 80px;
    border-radius: 40px;
    margin       : 10px auto;
}

.lampRectangle{
    width: 150px;
    height: 20px;
    margin: 20px auto;
}

::ng-deep .ant-progress-inner{
    border-radius: 0 100px 100px 0;
}